﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>知了课堂</title>
	<link rel="stylesheet" href="../../dist/css/common/auth.min.css">
	<script src="../../dist/js/jquery-3.3.1.min.js"></script>
	<script src="../../dist/js/auth.min.js"></script>
</head>
<body>
	<button id="btn">登录/注册</button>
	<div class="mask-wrapper">
		<div class="auth-wrapper">
			<div class="close-wrapper">
				<span class="close-btn">
					<img src="../../dist/images/close.png" alt="Alternate Text" />
				</span>
			</div>
			<div class="auth-inner-wrapper">
				<div class="scroll-wrapper">
					<div class="login-group auth-group">
						<div class="top-group">
							<span class="title">请登录</span>
							<a href="javascript: void(0)" class="switch">立即注册></a>
						</div>
						<div class="form-group">
							<div class="input-group">
								<input type="text" name="telephone" placeholder="手机号码" class="form-control">
							</div>
							<div class="input-group">
								<input type="text" name="password" placeholder="密码" class="form-control">
							</div>
							<div class="input-group">
								<label class="remember-label">
									<input type="checkbox" name="remember" value="1">
									记住我
								</label>
							</div>
							<div class="input-group">
								<input type="submit" name="submit" value="立即登录" class="submit-btn">
							</div>
						</div>
					</div>
					<div class="signup-group auth-group">
						<div class="top-group">
							<span class="title">请注册</span>
							<a href="javascript: void(0)" class="switch">立即登录></a>
						</div>
						<div class="form-group">
							<div class="input-group">
								<input type="text" name="telephone" placeholder="手机号码" class="form-control">
							</div>
							<div class="input-group">
								<input type="text" name="username" placeholder="用户名" class="form-control">
							</div>
							<div class="input-group">
								<div class="short-input-group">
									<input type="text" name="img-captche" placeholder="图形验证码" class="form-control">
								</div>
								<div class="input-group-addon">
									<img src="#" alt="Alternate Text" />
								</div>
							</div>
							<div class="input-group">
								<input type="text" name="password1" placeholder="密码" class="form-control">
							</div>
							<div class="input-group">
								<input type="text" name="password2" placeholder="再次输入密码" class="form-control">
							</div>
							<div class="input-group">
								<div class="short-input-group">
									<input type="text" name="sms-captche-btn" placeholder="图形验证码" class="form-control">
								</div>
								<div class="input-group-addon">
									<span class="sms-captcha-btn">发送验证码</span>
								</div>
							</div>
							<div class="input-group">
								<input type="submit" name="submit" value="立即注册" class="submit-btn">
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>